<template>
  <div>
    <div class="bz">
      <span class="demonstration">日期</span>
      <el-date-picker
        v-model="value1"
        type="daterange"
        range-separator="至"
        start-placeholder="Start date"
        end-placeholder="End date"
        :size="size"
      />

      <div class="nnn">
        <el-button round>批量打印</el-button>
        <el-button type="primary" round @click="dialogFormVisible = true"
          >新增</el-button
        >
      </div>
    </div>

    <div class="biao">
      <el-table :data="tableData" style="width: 100%;" >
        <el-table-column prop="date" label="序号" width="50" />
        <el-table-column prop="date" label="日期" width="80" />
        <el-table-column prop="date" label="时间" width="50" />
        <el-table-column prop="date" label="T。C" width="50" />
        <el-table-column prop="date" label="P次/分" width="50" />
        <el-table-column prop="date" label="R次/分" width="50" />
        <el-table-column prop="date" label="BPmmgh" width="50" />
        <el-table-column prop="date" label="SPO2%" width="50" />

        <el-table-column prop="date" label="意识" />
        <el-table-column label="瞳孔">
          <el-table-column label="大小">
            <el-table-column prop="date" label="左" width="50" />
            <el-table-column prop="date" label="右" width="50" />
          </el-table-column>
          <el-table-column label="光反应">
            <el-table-column prop="date" label="左" width="50" />
            <el-table-column prop="date" label="右" width="50" />
          </el-table-column>
        </el-table-column>

        <el-table-column label="GCS">
          <el-table-column prop="date" label="睁眼" width="50" />
          <el-table-column prop="date" label="语言" width="50" />
          <el-table-column prop="date" label="行动" width="50" />
        </el-table-column>

        <el-table-column label="吸氧方式">
          <el-table-column prop="date" label="1鼻导管2面罩3气管插管4气管切开" width="80" />
        </el-table-column>

        <el-table-column prop="date" label="病情记录" width="100" />
        <el-table-column prop="date" label="签名" width="50" />
        <el-table-column prop="date" label="操作" width="50" />
      </el-table>
    </div>
  </div>
</template>


<script setup>
</script>


<style scoped>
.head {
  width: 75%;
  height: 40px;
  margin: 0 auto;
}
.nav1 {
  width: 80%;
  height: 30px;
  margin: 20px auto;
  padding: 20px;
}
.mx-1 {
  font-size: 16px;
  margin: 100px;
}

.bz {
  width: 80%;
  margin: 0 auto;
  padding: 20px 0;
  border-right: solid 1px var(--el-border-color);
  flex: 1;
}
.biao {
  width: 80%;
  height: 800px;
  margin: 0 auto;
}
.nnn {
  float: right;
}
table {
  width: 100%;
  height: 100vh;
  border: 1px solid black;
}
</style>